<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'account.label', default: 'account')}"/>
    <title>周边网点</title>
    <style>
    /*::-webkit-scrollbar{*/
    /*background: rgb(255,255,255) !important;*/
    /*}*/
    /*::-webkit-scrollbar-button    {*/
    /*background-color:#FF7677;*/
    /*}*/
    body, html{
        width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";
    }
    #allmap{
        width: 100%;
        height:100%;
    }
    .panel-body .select2-choice{
        height: 28px !important;
    }
    .fixed-navbar #wrapper{
        height:100%;
    }
    .citylist_popup_main .city_content_top{
        height: 40px !important;
    }
    .media{
        margin: 0 !important;
    }
    .BMapLabel span{
        position: absolute;
        font-size: 30px;
        left:-13px;
        top:-15px;
    }
    #message{
        margin:0;
        padding:10px 10px;
        text-align: center;
        position: absolute;
        background: #fff;
        overflow-y: scroll;
        height:160px;
        list-style: none;
        display: none;
        opacity: .9;
        border-radius: 4px;
        color: #212121;
        cursor: pointer;
    }
    #message li:hover{
        background: #26b095;
        color:#fff;
        line-height:30px;
    }
    .searchList label{
        line-height: 34px;
    }
    #searchCommunity a{
        color: #0A6CD1;
    }
    #searchCommunity h5{
        background-image:url(/assets/accountLogo/sandian.png);
        height: 34px;
        width: 34px;
        line-height: 20px;
        color: #ffffff;
        font-size: 12px;
    }
    </style>
</head>
<body class="fixed-navbar fixed-sidebar">
<g:include view="map/Mapscript.gsp"/>
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>地图</span>
                    </li>
                </ol>
            </div>
            <h2 class="font-light m-b-xs">
                周边网点
            </h2>
        </div>
    </div>
</div>
<div class="input-group" style="width:100px;position: absolute;z-index: 10;left: 20px;top:70px">
    <div class='input-group-btn' >
        <g:select class="form-control" name="city" id="city"
                  from="${com.cindata.City.executeQuery("select distinct e.city as city from  Estate e ")}"
                  valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                  value="${params?.city}"
                  noSelection="${["-1": "全国&nbsp;&nbsp;&nbsp;".encodeAsRaw()]}"
                  onchange="search()"/>
    </div>
    <input type="text" class="form-control" style="width:300px" id="search"/>
    <span class="fa fa-search" id='searchData' style="position: absolute;z-index: 20;right: 13px;top: 9px;cursor: pointer;font-size: 16px;color: #9d9fa2;"
          onclick="searchData(window.map)"></span>
</div>
<div style="width:385px;position: absolute;z-index: 10;left: 20px;top:110px">
    <div class="">
        <div class="hpanel">
            <div class="panel-heading hbuilt">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                筛选条件
            </div>
            <div class="panel-body" style="display: none">
                <div class="row searchList">
                    <div class="form-group col-sm-6 m-n">
                        <div class="col-sm-12 district p-n " >
                            <g:select class="form-control" name="district" id="district"
                                      from=""
                                      valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                                      value="${params?.district}"
                                      noSelection="${["-1": '行政区']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <div class="col-sm-12 p-n">
                            <g:select class="form-control" name="precinct" id="precinct"
                                      from=""
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.precinct}"
                                      noSelection="${["-1": '片区']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="list-group" id="searchCommunity" style="max-height: 500px;overflow-y:scroll;background: #fff">
            </ul>
        </div>
    </div>
</div>
%{--热力图地图图例--}%
%{--<div style="position: absolute;z-index: 10;right: 20px;top:70px;opacity:0.8">--}%
%{--<asset:image src="legend.png"/>--}%
%{--</div>--}%
<div  id="allmap" style="position: absolute;"></div>
<ul id="message"></ul>
<div id="heat"></div>
<asset:javascript src="map/aroundOrgSearch.js" />
<asset:javascript src="map/mapQuery.js" />
<asset:javascript src="map/aroundOrg.js" />
<g:javascript>
    $(function () {

        $('#datepicker').datepicker({
            language: 'zh-CN'
        });
        $('#datepicker2').datepicker({
            language: 'zh-CN'
        });
        $("#datepicker").on("changeDate", function(event) {
            $("#my_hidden_input").val(
                    $("#datepicker").datepicker('getFormattedDate')
            )
        });

        // $('#esateTable').footable();

        $('.input-group.date').datepicker({ });
        $('.input-daterange').datepicker({ });

    });

</g:javascript>
</body>
</html>
